<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        body{
            background-color: #313131;
        }
        .box{
            width: 150px;
            height: 150px;
            margin: auto;
            margin-top: 200px;
            transform:rotateX(-30deg);
            transform-style: preserve-3d;
        }
        .box div{
            position: absolute;
        }
        .list2{
            transform:rotateY(40deg);
        }
        .list3{
            transform:rotateY(80deg);
        }
        .list4{
            transform:rotateY(120deg);
        }
        .list5{
            transform:rotateY(160deg);
        }
        .list6{
            transform:rotateY(200deg);
        }
        .list7{
            transform:rotateY(240deg);
        }
        .list8{
            transform:rotateY(280deg);
        }
        .list9{
            transform:rotateY(320deg);
        }
    </style>
</head>
<body>
  <!--图片放在盒子中-->
  <div class="box">
      <div class="list1"><img src="img/25085679-1_l_3.jpg"></div>
      <div class="list2"><img src="img/25085679-1_l_3.jpg"></div>
      <div class="list3"><img src="img/25085679-1_l_3.jpg"></div>
      <div class="list4"><img src="img/25085679-1_l_3.jpg"></div>
      <div class="list5"><img src="img/25085679-1_l_3.jpg"></div>
      <div class="list6"><img src="img/25085679-1_l_3.jpg"></div>
      <div class="list7"><img src="img/25085679-1_l_3.jpg"></div>
      <div class="list8"><img src="img/25085679-1_l_3.jpg"></div>
      <div class="list9"><img src="img/25085679-1_l_3.jpg"></div>
  </div>
</body>
</html>